<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
    <!-- weui -->
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
</head>

<body>
    <main>
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../../assets/imgs/11.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../../assets/imgs/5.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../../assets/imgs/12.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../../assets/imgs/14.jpg" alt="">
                </div>
            </div>>
            <div class="swiper-pagination"></div>
        </div>
        <div class="first">
            <!-- 今日排名 -->
            <div class="todayrank">
                <h3 class="fwb fs20">今日排名</h3>
                <span id="ranking" class="fwb"></span>
            </div>
            <!-- 打卡 -->
            <div class="clockin pr">
                <h3 class="fwb fs20">累积打卡 <span id="clockCount"></span>天</h3>
                <button class="clockBtn pa" id="clockBtn"></button>
            </div>
        </div>
        <div class="second">
            <!-- 运动数据 -->
            <div class="sportdata">
                <h3 class="fwb fs16">运动数据</h3>
            </div>
            <!-- 徽章 -->
            <div class="badge">
                <h3 class="fwb fs16">积累运动徽章</h3>
                <p><span id="badges" class="fwb"></span>枚</p>
            </div>
        </div>
        <div class="three classtrain">
            <h3 class="fwb fs16">课程训练</h3>
        </div>
        <div class="four outrun">
            <h3 class="fwb fs16">户外跑步</h3>
        </div>
    </main>
    <!-- 尾部 -->

    <!-- weui -->
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>
</body>

</html>